<template>
    <div class="flex_col_start">
        <label class="flex_center_self">货架{{ props.index }}控制板</label>
        <PartsCargoStatus :status="globalStatus.cargo1" v-if="(props.index == 1) && (globalStatus.cargo1 != null)"/>
        <PartsCargoStatus :status="globalStatus.cargo2" v-if="(props.index == 2) && (globalStatus.cargo2 != null)"/>
        <div class="flex_row">
            <PartsPickMotor :index="props.index"/>
            <PartsCargoMotor :index="props.index"/>
            <PartsCompr :index="props.index"/>
        </div>
        <div class="flex_row">
            <PartsScan :index="props.index"/>
            <PartsPickTest :index="props.index"/>
        </div>
    </div>
</template>

<script lang="ts" setup>
import PartsCargoMotor from '@/components/cargo/PartsCargoMotor.vue';
import PartsCargoStatus from '@/components/cargo/PartsCargoStatus.vue';
import PartsCompr from '@/components/cargo/PartsCompr.vue';
import PartsPickMotor from '@/components/cargo/PartsPickMotor.vue';
import PartsScan from '@/components/cargo/PartsScan.vue';
import PartsPickTest from '@/components/cargo/PartsPickTest.vue';
import { globalStatus } from '@/service/info';

interface Props {
    index: number,
}

const props = defineProps<Props>();



</script>
